<script setup>
  import { ref } from 'vue';
  const model = defineModel();
  const props = defineProps({
    placeholder: {
      type: String,
      required: true,
    },
    height: {
      type: String,
      required: true,
    },
  });

  // function updateValue() {
  //   console.log(111);
  // }
  // defineExpose({
  //   updateValue,
  // });
</script>
<template>
  <textarea :placeholder="placeholder" :style="{ height: height }" v-model="model"></textarea>
</template>
<style scoped>
  textarea {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
    overflow: hidden;
    padding: 1rem;
  }
</style>
